<template>
  <div class="header">
    <slot name="logo" @click="reload"></slot>
    <slot name="search"></slot>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {},
  methods:{
      reload(){
          window.location.reload();
      }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
@import "../../style/mixin.scss";
.header {
  @include wh(100%, 0.4rem);
  background: $blue;
}
</style>
